<html>
<head>
<meta charset="utf-8">
<title>中国电信</title>
<style>
*{
	margin:0
  padding:0
}
ul li{list-style: none;
	float: left;
	position: relative;
	margin: 10px;}
	ul li a{ text-decoration:  none;
		display: block;
		color: green;}
		li ul{ display: none; position: absolute; left: -50px; top: 10px }
</style>
<script type="text/javascript">
window.onload=function(){
	var clea= document.getElementsByClassName('fuck')
     
	clea[0].children[1].onmouseover= function(){
     var noee=this.getElementsByTagName("ul")
    
      noee[0].style.display = "block"      
           

	}
}
</script>
</head>
<body>
	<div id="ad"></div>
	<div class="top">
		<ul class="fuck">
			<li><a href="#">手机</a></li>
			<li><a href="#">首页</a>
            <ul>
            <li>100M</li>	
            </ul>
			</li>
			<li><a href="#">诺基亚</a>
			<ul>
            <li>100M</li>	
            </ul></li>
			<li><a href="#">宽带光钎</a></li>
			<li><a href="#">老用户</a></li>
			<li><a href="#">自助服务</a></li>
			<li><a href="#">同城惠</a></li>
		</ul>
		<div class="main"></div>
		<div class="foot"></div>
	</div>
</body>
</html>